<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "收藏/足迹");
%>

<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
	
	 .grid-button {
		width: 24.9%;
	}
	.color-blue {
		color: #2196F3;
	}
	.weui-btn {
		font-size: 0.7rem;
		padding: 0;
		overflow: visible;
	}
	.weui-btn: after {
		border: 0;
	}
	.weui-btn_default {
		background-color: #fff;
	}
	.weui-grid {
		padding: 10px 5px;
	}
	.weui-grid:before {
		border: 0;
	}
	.weui-grid:after {
		border: 0;
	}
	
	.weui-grids {
		background-color: #fbfbfb;
	}
	.weui-grids:before {
		border: 0;
	} 
</style>

<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>


<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active">
				<span>收藏</span>
			</li>
			<li data-id="tab2" class="">
				<span>足迹</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">
	<div class="tab-content active" id="tab1">
		<div class="weui-grids">
			<div class="weui-grid js_grid grid-button color-blue">
				<a href="javascript:;" class="weui-btn weui-btn_default">产品</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">服务</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">咨讯</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">培训</a>
			</div>
		</div>	
	</div>
	
	<div class="tab-content" id="tab2">
		<div class="weui-grids">
			<div class="weui-grid js_grid grid-button color-blue">
				<a href="javascript:;" class="weui-btn weui-btn_default">产品</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">服务</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">咨讯</a>
			</div>
			<div class="weui-grid js_grid grid-button">
				<a href="javascript:;" class="weui-btn weui-btn_default">培训</a>
			</div>
		
		</div>	
	</div>
	
</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>	
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script type="text/javascript">
$(function(){
	$(".grid-button").click(function(){
		$(this).children().addClass("color-blue");
		$(this).siblings().children().removeClass("color-blue");
	});
});
</script>	

	
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>